<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/assets/js/jquery-1.11.1.min.js"></script>
<title>公证数据应用服务平台</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none; font-size:12px;}

body{background-image:url(/assets/images/beijin.jpg) ;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}

.main {
	border:0px solid #d60;
	height: 600px;
	width: 100%;
	margin-top: -300px;
	position: absolute;
	top: 50%;
}

.login_main {
	border:0px solid blue;
	height: 260px;
	width: 400px;
	margin-top: -50px;
	margin-left: 15px;
	position: absolute;
	left: 50%;
	top: 50%;
    background-image:url(/assets/images/login.jpg);
 }

.line {
	border:0px solid blue;
	height: 1px;
	width: 100%;
	margin-top: 170px;
	position: absolute;
	top: 50%;

}
.footer {
	border:0px solid blue;
	height: 95px;
	width: 900px;
	margin-top: 175px;
	margin-left: -450px;
	position: absolute;
	top: 50%;
	left: 50%;
}

.logo{border:0px solid blue;
	height: 50px;
	width: 900px;
	z-index:5;
	margin-top: -180px;
	margin-left: -430px;
	position: absolute;
	left: 50%;
	top: 50%;}
.login_box{position:relative;left:53px;top:72px;width:206px; height:230px;z-index:2;border:0px solid #d60;}

.user_name{position:relative;left:40px;top:12px;width:165px; height:25px;z-index:2;overflow:hidden;border:0px solid #d60;font-size:24px;}
.password{position:relative;left:40px;top:42px;width:162px; height:28px;z-index:2;overflow:hidden;border:0px solid #d60;}
.code{position:relative;left:2px;top:44px;width:203px; height:28px;z-index:2;overflow:hidden;border:0px solid #d60;}
.code_value{position:relative;left:39px;top:5px;float:left;width:79px; height:26px;z-index:2;border:0px solid #d60;}
.code_name{float:right;width:75px; height:32x;z-index:2;overflow:hidden;border:0px solid #d60}
.login_btn_box{position:relative;left:66px;top:69px;width:420px; height:50px;z-index:2;overflow:hidden;border:0px solid #d60;}
.login_submit{position:relative;left:2px;top:0px;float:left;width:265px; height:50px;z-index:2;overflow:hidden;border:0px solid #d60;}
.register{float:right;width:80px; height:25px;z-index:2;overflow:hidden;border:0px solid #d60}
.forget_btn_box{position:relative;left:5px;top:80px;width:203px; height:53px;z-index:2;overflow:hidden;border:0px solid blue;}

.rember_password {
			position: absolute;
			left:0px;
			top:19px;
			width:60px;
			height:23px;
			z-index:5;
			overflow:hidden;
			border:0px solid red;}
.forget_password {position: absolute;left:145px;top:15px;width:60px; height:23px;z-index:2;overflow:hidden;border:0px solid blue;}

.login{margin-top:10px}
.login_btn_box a{color:Red;width:166px;height:33px;display:block;text-align:center;line-height:27px;border:0px solid blue }
.forget_btn_box a {
    color: Red;
    width: 90px;
    height: 28px;
    display: block;
    text-align: center;
    line-height: 27px;
    border:1px solid blue;
}

#mycode{
	width:80px;
	height:23px;
	border:0px solid red;
	float:left;
	outline:none;
}


.sl-error-verifycode {
	background-image: url("/assets/images/ico/verify_error.png");
	background-position: 0px 2px;
	background-repeat: no-repeat;
	display: block;
	border:2px solid blue
	font-size: 18px;
	height: 24px;
	width: 20px;
	line-height: 24px;
	margin-left: 60px;
	margin-top: 0px;
	position: absolute;
	text-align: center;
	z-index: 999;
}
.sl-correct-verifycode {
	background-image: url("/assets/images/ico/verify_ok.png");
	background-position: 0px 2px;
	background-repeat: no-repeat;
	display: block;
	border:2px solid blue
	font-size: 18px;
	height: 24px;
	width: 20px;
	line-height: 24px;
	margin-left: 60px;
	margin-top: 0px;
	position: absolute;
	text-align: center;
	z-index: 999;
}

</style>
</head>
<script type="text/javascript">

</script>
<body onkeydown="KeyDown(event);">
<style>
.footer .copy_right{
    border:0px solid blue;
	height: 60px;
	margin-top: 35px;
	margin-left:0px;
	float:left;

}

.footer .app{
   border:0px solid blue;
	height: 60px;
	margin-top: 14px;
	margin-left:10px;
	text-align:center;
	font-size: 16px;
	font-family: 微软雅黑,新宋体;
    font-weight: bold;
    color: #898989;
	float:left;

}

.footer .weixin{
   border:0px solid blue;
	height: 60px;
	margin-top: 14px;
	margin-left:20px;
	font-size: 16px;
	font-family: 微软雅黑,新宋体;
    font-weight: bold;
    text-align:center;
    color: #898989;
	float:left;

}

.footer img{
	float:left;
}
.footer p{
	position: relative;
	top: 50%;
	left: 3px;
	float:left;
}
</style>
<div class="main">

		<div class="login_main">
	  		<div class="login_box">
	  		<form id ="form1"   name="form1"  method="post" action="">
					<div class="wrap">
						<div class="user_name">
									<input type="text" class="input_txt" style='font-size:18px;width:169px;height:21px;border:0px solid #fff;outline:none; ' value=""  id="account" name="account" placeholder="用户名" value="admin">

						</div>
						<div class="password">
									<input type="password"  class="input_txt" style='font-size:18px;width:169px;height:20px;overflow:hidden;border:0px solid #000;outline:none;' value="" id="password" name="password" placeholder="密码">
						</div>


						<div class="login_btn_box">
									<a href="javascript:void(0);"   onclick="my_submit()">
									<div class="login_submit" ></div>
									</a>


						</div>

					</div>
				</form>
			</div>
		</div>



    </div>
</div>
<script>

function KeyDown(e){
	e=window.event||e;
	var ke=e.keyCode||e.which;
	if(ke==13){
	      my_submit();
	}
}

$("#account").focus();

function my_submit(){

        var url = "<?php echo site_url('/admin/login/check_verify') ?>";
         $.ajax({
			   type: "POST",
			   url:url,
			   dataType:"json",
			   data:$("#form1").serialize(),
			   success: function(msg){
				    //alert(msg);
				    if(msg.status ==1){
						form1.action="<?php echo site_url('/admin/login/check_login') ?>";
						form1.submit();
				    }else{
						alert(msg.info);
						$("#mycode").attr("value","");
				    }
			   }
		});

}
</script>

</body>
</html>